$swiperHeight: 407px;
$swiperWidth: 100vw;
$labelPadding20: 30px;
$labelPadding10: 10px;
$borderRadius20: 20px;
$borderRadius10: 10px;
$defaultColor: #ffb72f;
$defaultFontSize: 29px;
$defaultMultipleFontSize: 6px;
$searchHeight: calc(59px + 99px);
.tips {
  color: #999999;
  font-size: $defaultFontSize;
  //margin-bottom: 20px;
  padding-bottom: 30px;
}
.sp-reservation-home-list {
  background-color: white;
  //height: calc(50% - 109px);
  //overflow: hidden;
  padding-top: 41px;
  .item-margin {
    //margin: $labelPadding10 0;
  }
  &-item {
    width: $swiperWidth;
    //margin: 60px auto;
    margin: 0 auto 30px auto;
    //margin-bottom: 60px;
    border-radius: $borderRadius10;
    display: flex;
    padding: 0 21px;
    background-color: white;
    align-items: center;
    &-info {
      flex: 1;
      display: flex;
      //align-items: center;
      &-cover {
        width: 150px;
        height: 150px;
        border-radius: 18px;
      }
      &-label {
        margin-left: 21px;
        flex: 1;
        &-title {
          font-weight: bold;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          font-size: 30px;
          //padding: 5px 0;
          padding-bottom: 5px;
          line-height: 1rem;
        }
        &-tags {
          flex-wrap: wrap;
          display: flex;
          //padding: 7px 0;
        }
        .resoures-tag {
          height: 36px;
          overflow: hidden;
        }
        &-tag {
          padding: 5px 14px;
          //margin-top: 5px;
          //margin-bottom: 5px;
          margin-right: 10px;
          border: 1px solid $defaultColor;
          font-size: 24px;
          color: $defaultColor;
          border-radius: 8px;
        }
        &-serviceDuration {
          padding: 5px 14px;
          margin-top: 5px;
          margin-bottom: 5px;
          margin-right: 10px;
          border: 1px solid #5179fc;
          font-size: 0.75rem;
          color: #5179fc;
          border-radius: 8px;
        }
        &-appointmentTime {
          font-size: 26px;
          font-family: PingFang SC;
          font-weight: 500;
          color: #888;
          margin: 25px 0;
        }
        &-price {
          //margin-top: 29px;
          font-size: 38px;
          font-weight: 500;
          color: #e64656;
        }
      }
    }
    &-btns {
      //width: 200px;
      display: flex;
      //align-items: center;
    }
  }
}
.res-cover {
  border-radius: 50%;
}
.flexCS {
  display: flex;
  align-items: center;
}
